.bottom-placeholder {
  margin-bottom: 50px;
  height: 1px;
  width: 100%;
  background: transparent;
}

@mixin bottom-button {
  width: 100%;
  bottom: 0px;
  left: 0px;
  background: #449fdb;
  color: #fffdef;
  text-align: center;
  height: 50px;
  line-height: 50px;
}

.bottom-button {
  position: relative;
  @include bottom-button;
}

.fixed-bottom {
  position: fixed;
  width: 100%;
  @include bottom-button;
}

.cross-line {
  height:1px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.clearfix:before,
.clearfix:after {
  clear: both;
  content: '';
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}

.flex-spacer {
  flex-grow: 1;
}

.checkbox {
  border: 1px solid #222;
  display: inline-block;
  -webkit-appearance: none;
  width: 1em;
  height: 1em;
  margin-right: 4px;
  outline-style: none;
  transition: all ease .23s;
  &:checked {
    border-width: 0 1px 1px 0;
    height: 1.2em;
    width: .6em;
    transform: rotateZ(40deg);
    margin-right: .7em;
    margin-left: .5em;
    border-color: #0086b3;
    & + span {
      color: #0086b3;
    }
  }
}

.tag {
  padding: .1em .5em;
  margin-right: 1em;
  color: #a71d5d;
  border: 1px solid #a71d5d;
}

.address-toolbar {
  display: flex;align-items: center;justify-content: space-around;line-height: 40px;
  > * {
    display: inline-block;
    text-align: center;
    width: 100%;
    text-overflow: clip;
    white-space: nowrap;
    &.selected {
      background: #449fdb;
      color: #ffffff;
    }
  }
}

.address-list {
  .mint-cell {
    text-align: center;
    color: #000000;
    line-height: 48px;
    &.active {
      background: darkgoldenrod;
      color: #ffffff;
    }
  }
  .mint-tab-container-item {
    height: 300px;
    overflow-y: auto;
  }
}
